<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-us">
<head>
<style type="text/css">
/*baseline css*/
html {
background:#EBEBEB none repeat scroll 0%;
height:100%;
}

body, div, dl, dt, dd,  h1, h2, h3, h4, h5, h6, ul,li, pre, code, form, fieldset, legend, input, textarea, p, blockquote {
margin:0px;
padding:0px;
}
h1{
	font-size:1.8em;
	color:#000;
}
ul{
	font-size:.8em;
	color:#000;
}


#header{
	background:#004175;	
	height:80px;
	
}
#header-content{
	margin-right:5%;
	margin-left:5%;
}
#header-content h1{
	color:#FDDC05;
}

#header h1 span{
	color:#fffccc;
	font-size:.5em;
}

#jsfconsole-content{

	border:2px solid #000;
	margin-top:20px;
	margin-right:5%;
	margin-left:5%;
}

#content-left{
	float: left;
	width: 70%; /*Width of left column*/
	background:#fff;
	border:1px solid #CCC;
	padding:20px;
}

#content-right{	
	margin-left: 75%; 
	border:1px solid red;
}

.panelHeader{
	background:#EBEBEB; 
	padding:5px; 
	font-size:.8em; 
	font-weight:bold; 
	border:1px solid #CCC
}

h1.header{
	color:red;
	font-size:1.8em;
	margin-bottom:10px;
}
.panelDisplay{
	font-size:.5em;
	padding:5px; 
	height:300px;
	border:1px solid #CCC;
}
.panelHeader h1{
	font-size:.6em;
}		

.search-input{
		background:url(/images/Search-16x16.png) 2px 2px  no-repeat;		
		padding:2px;							
		padding-left:18px;
		font-size:11px;
}		


ul.entries{
  position:absolute;
  list-style-type: none;
  margin:0px ;
  padding:0px;
 }
 
 ul.entries li{
   clear:both;
   padding:5px;
 }

 ul.entries span.label{
	float:left;
	width:140px;		
	line-height:15px;
 }
 
  ul.entries .marker{
   float:left;
   padding-left:5px;
   padding-right:5px;		
   font-weight:bold;
 }
 
 ul.entries .entry{
   padding:0;
   margin:0px;
   float:left;
  }

</style>
<script type="text/javascript">
//<![CDATA[
//]]>
</script>

</head>
<body>
<div id="jsfconsole-wrapper">
	<div id="header">
		<div id="header-content">
		   <h1>JSFConsole v .2  <span>untested and unreliable</span></h1>
		</div>
	</div>
<div id="jsfconsole-content">

	<div id="content-left">
		<h1 class="header">Quick summary<h1>				
		<div class="panelHeader"><h1>Information</h1></div>
		<div class="panelDisplay">
		
		 <ul class="entries">
			<li><span class="label">JSF ver. </span><span class="marker">:</span> <span class="entry">JSF 1.20FB</span></li>
			<li><span class="label">Facelets ver.  </span><span class="marker">:</span> <span class="entry">1.5</span></li>
		</ul>
			
		
		</div>
		
	</div>
	
	<div id="content-right">
		<ul>
			<li>Option 1</li>
			<li>Option 2</li>
			<li>Option 3</li>
			<li>Option 4</li>
			<li>Option 5</li>
		</ul>
		
	</div>
	
</div>
	
	
</div>
</body>
</html>


